.header .der {
  height: 50px;
  background-color: #4294ff;
}
.header .der span {
  color: white;
  font-size: 18px;
  line-height: 50px;
  margin-left: 22px;
}
.header .subject {
  height: 120px;
  background-color: #4294ff;
  display: flex;
  position: relative;
}
.header .subject div {
  font-size: 16px;
  flex: 1;
  color: #004E73;
}
.header .subject div p {
  font-size: 24px;
  font-weight: bold;
  color: white;
}
.header .subject div .text1 {
  margin-top: 22px;
  margin-left: 22px;
}
.header .subject div .text2 {
  color: #AAD9F7;
  margin-left: 22px;
}
.header .subject div span {
  font-size: 66px;
  font-weight: bold;
  position: absolute;
  top: 20px;
  color: white;
  z-index: 1;
}
.header .subject img {
  width: 100px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 0;
}
.mann {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  justify-content: space-around;
}
.mann div {
  text-align: center;
  font-size: 12px;
}
.mann div img {
  height: 110px;
  display: inline-block;
  margin-top: 22px;
}
